<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    {load href="/static/comm/jquery-3.3.1/jquery-3.3.1.min.js" /}
    {load href="/static/comm/layui/css/layui.css" /}
    {load href="/static/comm/layui/layui.all.js" /}

</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">帝讯报价系统</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="/bjlist">报价列表</a></li>
            <li class="layui-nav-item"><a href="/">新建报价单</a></li>
        </ul>
        <!--
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    贤心
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="">基本资料</a></dd>
                    <dd><a href="">安全设置</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">退了</a></li>
        </ul>
        -->
    </div>

    <div class="layui-body" style="padding: 5%;">
        <!-- 内容主体区域 -->
        <div class="layui-form-mid layui-logo"><h2>报价单列表</h2></div>
        <table class="layui-table">
            <colgroup>
                <col width="150">
                <col width="200">
                <col>
            </colgroup>
            <thead>
            <tr>
                <th>序号</th>
                <th>报价表标题</th>
                <th>报价表所属公司</th>
                <th>报价表制作作者</th>
                <th>报价表所赚取的利润</th>
                <th>创建时间</th>
                <th>修改时间</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {volist name="data" id="offer"}
            <tr>
                <td>{$offer.doid}</td>
                <td>{$offer.dotitle}</td>
                <td>{$offer.docompany}</td>
                <td>{$offer.doauthor}</td>
                <td>{$offer.doprofit}</td>
                <td>{$offer.createtime|date='Y-m-d H:i'}</td>
                <td>{$offer.updatetime|date='Y-m-d H:i'}</td>
                <td><a title="查看详细功能" href="/bjtable?id={$offer.doid}" class="layui-btn layui-btn-normal layui-btn-xs">查看</a><a title="导出为excel表格" href="javascript:void(0);" class="layui-btn layui-btn-xs">导出</a><a title="删除该报价单" href="javascript:void(0);" class="layui-btn layui-btn-danger layui-btn-xs">删除</a></td>
            </tr>
            {/volist}
            </tbody>
        </table>
        {$data|raw}
    </div>

</div>
<script>
    //JavaScript代码区域
    layui.use(['jquery', 'table', 'form', 'layer', 'laydate','element'], function(){
        var element = layui.element;
        form = layui.form;
        var $ = layui.$, table = layui.table, layer = layui.layer, laydate = layui.laydate, admin = layui.admin, router = layui.router();

        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
    });
</script>
</body>
</html>